<template>
  <div>
    <li>
      <router-link to='/news/add'>添加新闻</router-link>
    </li>
     <li>
      <router-link to='/news/list'>新闻列表</router-link>
    </li>
    <hr />
    <!-- 路由渲染容器 -->
    <router-view />
  </div>
</template>

<script>
export default {
  mounted() {
    // 通过 this.$router中的push或replace来完成路由的跳转，称为编程式导航
    // console.log(this.$router);
    /* setTimeout(() => {
      // 字符串写法
      // this.$router.push('/profile')
      // 对象
      this.$router.push({ path: "/profile" });
    }, 3000); */
  },
};
</script>

<style lang="scss" scoped>
</style>